<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    <title>Login</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	
	
	<link rel="stylesheet" type="text/css" href="<%=basePath%>css/user/style.css" />
  	<!-- modernizr enables HTML5 elements and feature detects -->
  	<script type="text/javascript" src="<%=basePath%>js/user/private/modernizr-1.5.min.js"></script>
  	
  	<link rel="stylesheet" type="text/css" href="<%=basePath%>css/user/common.css"/>
  	
  
  <script type="text/javascript" src="<%=basePath%>js/jquery-1.9.1.js"></script>
  <script type="text/javascript" src="<%=basePath%>js/jquery.md5.js"></script>
  <script type="text/javascript" src="<%=basePath%>js/jquery.cookie-1.3.js"></script>
  
  <script type="text/javascript" src="<%=basePath%>js/user/register.js"></script>
  
  
  <script>
  	$(document).ready( function(){
  		var ck = $.cookie( "ACCOUNT" );
  		if( ck == null ){
  			$.cookie( 'ACCOUNT_DUP' );
  		} 
  		
  		if( ck!=null && ck.length>37 ){
  			var strs = ck.split( /[:|\|]/ )
  			$('#proxyId').attr( 'value', strs[0] );
  			$( '#password').val( 'value', strs[1] );
  		}
  		
  		$("#save_pwd").bind( "click", function(){
			addCookie( this );
		});
  	});
  </script>
  
  
  </head>
  
  <body>
    <div id="main">
    <header>
	  <div id="header_container">
		  <div id="logo">
			<div id="logo_text">
			  <!-- class="logo_colour", allows you to change the colour of the text -->
			  <h1><a href="#">Tarena<span class="logo_colour">_Java</span></a></h1>
			</div>
		  </div>
		  <ul id="sign">
			<li><a href="#">登录</a></li>
			<li><a href="#">注册</a></li>
		  </ul>
	  </div>
    </header>
	
	
    <div id="site_content">
	  <div class="content">
    	<div class="colRight description about">
            <h1>欢迎登录</h1>
			
			<form class="content_item" id="login" method="post" name="login" action="user/userAction!login">
				<p>
					<label for="proxyId">账　　号：<label><br/>
					<input id="proxyId" name="user.proxyId" value="塔利班的帅哥" type="text" class="radius inputStyle"/>
					<span id="idInfo" class="info"></span>
				</p>
				
				<p>
					<label for="password">密　　码：</label><br/>
					<input type="password" id="password" name="user.password" value="_shi4927" class="radius inputStyle"/>
					<span id="pwdInfo" class="info"></span>
				</p>

				<p class="submit_container">
					<input id="handin" name="handin" value="登  录" type="submit" class="radius inputStyle submitcs"/>

					<input id="save_pwd" name="save_pwd" type="checkbox" class="savePwd"/>
					<label for="save_pwd" class="checkbx" style="font-size:80%">记住账户密码</label>
				</p>
				
				<p style="display:none">
					<span id="logMsg"></span>
				</p>
			</from>
        </div>
		<div id="plugLogin">
			<h1 style="background:#ccc" class="form_strip">第三方登录</h1>
			
			<div class="plugLogin" style="padding-left:35px; margin-bottom:35px">
				<h3 style="font-family:'Microsoft YaHei'; color:#555; margin-bottom:35px">第三方账号登录</h3>
				
				<div id="plugs" style="padding-left:5px;">
					<a href="#"><img src="<%=basePath%>images/login/qq.png" alt="QQ"/></a>
					<span>　　　</span>
					<a href="#"><img src="<%=basePath%>images/login/sina.png" alt="新浪微博" style="padding-bottom:8px"/></a>
				</div>
			</div>
		</div>
	  </div>

	  <div id="sidebar_container">
		  <div class="sidebar">
			<h3>MORE</h3>
			<div class="lostpwdFrom" style="padding-left:20px;margin:40px 0;">
				<form id="lostPwd" name="lostPwd" method="post" action="others">
					<input id="nickname" name="user.nickname" type="text" value="账号..." class="radius inputStyle" style="font-size:120%; color:#ccc"/><br/>
					<input type="button" value="忘记密码" class="radius inputStyle submitcs" style="background-color:#88E2F8; border:none; color:white; padding:0;height:25px; width:60px; margin-top:10px;" />
				</form>
			</div>
		  </div>
	  </div>
    </div>
    <footer>
      <p><a href="#">Home</a> | <a href="examples.html">Examples</a> | <a href="#">A Page</a> | <a href="#">Another Page</a> | <a href="#">Contact Us</a></p>
      <p>Copyright &copy; NB-Tarena | <a href="#">Managerment</a></p>
    </footer>
  </div>

  <!-- javascript at the bottom for fast page loading -->
  </body>
</html>